<template>
    <div style="background-color:#ffba8c;flex:1;">
        <image src="https://github.com/yuxuemei/react-music-player/blob/master/app/images/icon_r_lbg.png?raw=true" resize="stretch" class="icon_r_lbg"></image>
    	<div class="guide_opera">
    		<text class="opera_text border_right" @click="enterPage('/register')">立即注册</text>
    		<text class="opera_text" @click="enterPage('/login')">登录</text>
    	</div>
     </div>
</template>
<script>
import { Utils } from 'weex-ui';
import mixins from './../../mixins'
export default{
    mixins:[mixins],
	data:function(){
    	return{
    		tabPageHeight:0
    	}
    },
    mounted:function(){
        this.tabPageHeight = weex.config.env.deviceHeight;
    	console.log();
	},
    methods:{
	    enterPage(url){
            this.jump(url)
        }
	}
}
</script>
<style scoped>
    .icon_r_lbg{
    	width: 750px;
    	flex:1;
    }
    .guide_opera{
    	flex-direction: row;
    	justify-content: space-around;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 750px;
    	height: 100px;
    	align-items: center;
    	color: #fff;
    	background-color:rgba(255,255,255,0.2);
    }
    .opera_text{
    	color: #fff;
    	flex: 1;
    	text-align: center;
    }
    .border_right{
    	border-right-width: 2px;
    	border-right-color: #fff;
    	border-right-style: solid;
    }
</style>